<%--
  Created by IntelliJ IDEA.
  User: bestick
  Date: 2015/12/14
  Time: 14:32
  天地有万古，此身不再得；人生只百年，此日最易过。幸生其间者，不可不知有生之乐；亦不可不怀虚生之忧。
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@include file="/jspf/jsp_lib.jsp" %>
<html>
<head>
    <%-- IF IE --%>
    <jsp:include page="${pageContext.request.contextPath}/jsp/home/common/if_ie.jsp"></jsp:include>

    <!-- CharSet -->
    <meta charset="utf-8">

    <!-- Title -->
    <title>开户</title>

    <!-- Mobile Meta -->
    <meta name="viewport" content="width=device-width,initial-scale=1">

    <!-- Favicon -->
    <link rel="shortcut icon" href="${pageContext.request.contextPath}/resources/app/images/img/logo/favicon.ico">

    <!-- Bootstrap core CSS -->
    <link href="${pageContext.request.contextPath}/resources/libs/css/bootstrap/css/bootstrap.min.css" rel="stylesheet">

    <!-- JuCaiBang Auth CSS file -->
    <link href="${pageContext.request.contextPath}/resources/app/css/home/auth.css" rel="stylesheet">
</head>
<body>
<div class="error" style="display: none;"></div>
<div class="bg-container-open-account">
    <div class="auth-container">
        <a href="/index" class="auth-logo"></a>

        <h2 class="auth-title text-center">开户</h2>

        <div>
            <!-- form -->
            <form>
                <!-- realname -->
                <div class="form-group">
                    <label for="account-realname"><span class="info-necessary">*&nbsp;&nbsp;</span>姓名</label>
                    <input type="text" name="account-realname" id="account-realname" class="form-control"/>

                    <p class="text-danger">请输入姓名</p>
                </div>

                <!-- idcard -->
                <div class="form-group">
                    <label for="account-idcard"><span class="info-necessary">*&nbsp;&nbsp;</span>身份证号</label>
                    <input type="text" name="account-idcard" id="account-idcard" class="form-control"/>

                    <p class="text-danger">请输入身份证号</p>
                </div>

                <!-- phone -->
                <div class="form-group">
                    <label for="account-phone"><span class="info-necessary">*&nbsp;&nbsp;</span>手机号</label>
                    <input type="text" name="account-phone" id="account-phone" class="form-control"/>

                    <p class="text-danger">请输入手机号</p>
                </div>

                <!-- add -->
                <div class="form-group">
                    <label for="account-add">通讯地址</label>
                    <input type="text" name="account-add" id="account-add" class="form-control"/>
                </div>

                <!-- email -->
                <div class="form-group">
                    <label for="account-email">邮箱</label>
                    <input type="text" name="account-email" id="account-email" class="form-control"/>
                </div>

                <!-- bankType -->
                <div class="form-group">
                    <label for="account-bankType"><span class="info-necessary">*&nbsp;&nbsp;</span>银行</label>
                    <input type="text" name="account-bankType" id="account-bankType" class="form-control"/>

                    <p class="text-danger">请选择银行</p>
                </div>

                <!-- bankCardNo -->
                <div class="form-group">
                    <label for="account-bankCardNo"><span class="info-necessary">*&nbsp;&nbsp;</span>银行卡号</label>
                    <input type="text" name="account-bankCardNo" id="account-bankCardNo" class="form-control"/>

                    <p class="text-danger">请输入银行卡号</p>
                </div>

                <!-- bankPhone -->
                <div class="form-group">
                    <label for="account-bankPhone"><span class="info-necessary">*&nbsp;&nbsp;</span>银行预留手机号</label>
                    <input type="text" name="account-bankPhone" id="account-bankPhone" class="form-control"/>

                    <p class="text-danger">请确认手机号为在该银行预留的手机号</p>
                </div>

                <!-- checkCode -->
                <div class="form-group">
                    <label for="account-checkCode"><span class="info-necessary">*&nbsp;&nbsp;</span>输入校验码</label>
                    <input type="text" name="account-checkCode" id="account-checkCode" class="form-control"/>

                    <p class="text-danger">请输入校验码</p>
                </div>

                <!-- fullAccPwd -->
                <div class="form-group">
                    <label for="account-fullAccPwd"><span class="info-necessary">*&nbsp;&nbsp;</span>设置全账通交易密码</label>
                    <input type="password" name="account-fullAccPwd" id="account-fullAccPwd" class="form-control"/>

                    <p class="text-danger">请输入全账通交易密码</p>
                </div>

                <!-- fullAccountPwdConfirm -->
                <div class="form-group">
                    <label for="account-fullAccountPwdConfirm"><span class="info-necessary">*&nbsp;&nbsp;</span>确认全账通交易密码</label>
                    <input type="password" name="account-fullAccountPwdConfirm" id="account-fullAccountPwdConfirm"
                           class="form-control"/>

                    <p class="text-danger">请确认全账通交易密码</p>
                </div>

                <!-- account-agree -->
                <div class="form-group">
                    <div class="text-small jcb-auth-checkbox openAcc-checkbox">
                        <input type="checkbox" name="user-protocol" id="user-protocol"/>
                        <span><a class="openAcc-protocol" id="user-service">聚财邦用户服务协议</a></span>

                        <p class="text-danger">请同意聚财邦用户服务协议</p>
                    </div>
                    <div class="text-small jcb-auth-checkbox openAcc-checkbox">
                        <input type="checkbox" name="bank-openAcc-protocol" id="bank-openAcc-protocol"/>
                        <span><a class="openAcc-protocol" id="bank-openAcc">华瑞银行账户开户协议</a></span>

                        <p class="text-danger">请同意华瑞银行账户开户协议</p>
                    </div>
                    <div class="text-small jcb-auth-checkbox openAcc-checkbox">
                        <input type="checkbox" name="fund-service-protocol" id="fund-service-protocol"/>
                        <span><a class="openAcc-protocol" id="fund-service">联泰基金服务协议</a></span>

                        <p class="text-danger">请同意联泰基金服务协议</p>
                    </div>
                </div>
                <input id="account" type="button" value="提交" class="btn btn-primary btn-block btn-not-allowed"/>
            </form>
            <div class="text-center">
                <a href="/index">返回首页</a>
            </div>
        </div>
    </div>
</div>

<!-- Modal -->
<div class="modal fade" id="protocolModal" tabindex="-1" role="dialog" aria-labelledby="protocolModalLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
                <h3 class="modal-title" id="protocolModalLabel">聚财邦用户服务协议</h3>
            </div>
            <div class="modal-body">
                <pre class="protocol-text">余额宝服务协议（以下简称“本协议”）是支付宝（中国）网络技术有限公司（以下简称“本公司”或“支付宝”）与支付宝用户（以下简称“您”或“投资者”）就余额宝服务相关事项所订立的有效合约。投资者通过网络页面点击确认或以其他方式选择接受本协议，即表示投资者与本公司已达成协议并同意接受本协议的全部约定内容以及与本协议有关的各项规则及本公司网站所包含的其他与本协议或本协议项下各项规则的条款和条件有关的各项规定。

在接受本协议之前，请您仔细阅读本协议的全部内容（特别是以粗体下划线标注的内容）。如果您不同意本协议的任意内容，或者无法准确理解本公司对条款的解释，请不要进行后续操作。

一、定义
除本协议另有规定外，下列用语具有如下含义：
1、余额宝服务：指本公司为投资者提供的可以通过本公司系统与合作金融机构（包括但不限于保险公司、银行、基金公司、证券公司等，下同）系统相连，通过合作金融机构系统在本公司的网上直销自助前台系统进行相关理财产品（包括但不限于保险、基金、股票、债券等，下同）交易资金的划转、支付及在线进行理财产品交易、信息查询等服务。
2、身份认证要素：指在交易中本公司用于识别投资者身份的信息要素，包括但不限于投资者的支付宝账户、密码、数字证书、短信校验服务、支付盾、签约时设置的电话号码、手机号码等及本公司认可的其他要素。

二、特别提示
1、本公司有权采取各种必要手段对投资者进行身份验证，并据此决定提供服务的范围及为投资者开放服务种类、范围及进行业务操作的权限。为保障投资者资金安全，本公司有权根据投资者类别、身份认证措施、交易风险度等因素的不同设定不同的安全策略。
2、身份认证要素是本公司识别投资者的依据，投资者必须妥善保管，不得将身份认证要素提供给任何第三方或交于任何第三方使用。使用上述身份要素所发出的一切指令均视为投资者本人所为，投资者应对此产生的后果负责。对非本公司原因造成的账户、密码等信息被冒用、盗用或非法使用，由此引起的一切风险、责任、损失、费用等应由投资者自行承担。
3、您知晓并同意，为向您提供余额宝服务，本公司有权将您的信息（包括但不限于：姓名/企业名称、身份证号/营业执照号、手机号、邮箱、联系地址、支付宝账号等）提供给相应的金融机构。您同意相关金融机构有权将您的信息（包括但不限于您在金融机构的账户、交易信息、资产状况等）提供给本公司。
4、您知晓并同意，您开通余额宝服务的同时即开通支付宝理财专户。
5、您知晓并同意，您网上提交的资金划转委托，以银行系统与本公司系统记录为准；您提交的理财产品交易委托以相应的金融机构的系统记录为准。您在支付宝可以查询到您持有理财产品的净额、收益、交易明细等，但该数据仅供参考用，所有数据应以相应的金融机构系统数据为准。
6、本公司及其关联公司仅向投资者提供资金支付渠道，本公司及其关联公司并非为理财产品购买协议的参与方，不对理财产品购买协议的协议方的任何口头、书面陈述或者向支付宝网上传的线上信息之真实性、合法性做任何明示或暗示的担保，或对此承担任何连带责任，不对相关金融机构及任何第三方的法定义务和/或契约责任承担任何连带责任。本公司亦无义务参与与理财产品协议交易资金划转及支付环节之外的任何赔偿、纠纷处理等活动。
7、您授权在您开通余额宝服务的同时，将余额宝增加为支付宝为您提供的各类代扣服务的扣款资金渠道之一，可使用余额宝作为代扣资金渠道的具体代扣服务以支付宝实际向您提供的为准。
您理解并同意，支付宝有权根据实际情况在提供具体代扣服务时决定余额宝在扣款资金渠道中的顺位，具体以页面提示或支付宝网站的相关规则、解释为准。
您理解并同意，当您发送代扣指令（含单笔代扣指令、预授权方式等），且该代扣指令对应的扣款渠道为余额宝时（简称“余额宝代扣”），即会触发余额宝货币基金份额支付的申请。您理解并同意自您发送“余额宝代扣”指令之日起，您将不再承担\享有对应的余额宝货币基金份额的损益。
8、您理解并同意，本公司会尽最大努力为您提供资金划转服务，但本公司对资金到账时间不做任何承诺且不承担任何责任。
                </pre>
                <input type="button" class="btn btn-primary btn-block btn-agree-protocol" value="同&nbsp;意"/>
            </div>
        </div>
    </div>
</div>

<!-- JavaScript files placed at the end of the document so the pages load faster
==================================================================================== -->
<!-- lib and core js files -->
<script type="text/javascript" src="${pageContext.request.contextPath}/resources/libs/js/jquery-1.11.2.min.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/resources/libs/js/bootstrap.min.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/resources/libs/js/sha1.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/resources/libs/js/jquery.cookie.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/resources/app/js/home/auth.js"></script>
</body>
</html>